@import '/node_modules/ant-design-vue/dist/antd.less';

@primary-color: #1890ff; // primary color for all components
@link-color: #1890ff; // link color
@success-color: #52c41a; // success state color
@warning-color: #faad14; // warning state color
@error-color: #f5222d; // error state color
@font-size-base: 14px; // major text font size
@heading-color: rgba(0, 0, 0, 0.85); // heading text color
@text-color: rgba(0, 0, 0, 0.85); // major text color
@text-color-secondary: rgba(0, 0, 0, 0.45); // secondary text color
@disabled-color: rgba(0, 0, 0, 0.25); // disable state color
@border-radius-base: 2px; // major border radius
@border-color-base: #d9d9d9; // major border color
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // major shadow for layers
// 布局头部背景色
@header-background: #fff;
// -------------------------------------------------------------------------------------------
// 颜色步骤用于提供元素的文本和背景颜色的变化， 步骤朝着对比色的方向移动。
// 例如, @app-text-color-step-XXX 将从 @text-color 走向 @app-background-color,
// 反之，@app-background-color-step-XXX 将从 @app-background-color 走向 $text-color.
@app-background-color-step-50: mix(@text-color, #fff, 5%);
@app-background-color-step-100: mix(@text-color, #fff, 10%);
@app-background-color-step-150: mix(@text-color, #fff, 15%);
@app-background-color-step-200: mix(@text-color, #fff, 20%);
@app-background-color-step-250: mix(@text-color, #fff, 25%);
@app-background-color-step-300: mix(@text-color, #fff, 30%);
@app-background-color-step-350: mix(@text-color, #fff, 35%);
@app-background-color-step-400: mix(@text-color, #fff, 40%);
@app-background-color-step-450: mix(@text-color, #fff, 45%);
@app-background-color-step-500: mix(@text-color, #fff, 50%);
@app-background-color-step-550: mix(@text-color, #fff, 55%);
@app-background-color-step-600: mix(@text-color, #fff, 60%);
@app-background-color-step-650: mix(@text-color, #fff, 65%);
@app-background-color-step-700: mix(@text-color, #fff, 70%);
@app-background-color-step-750: mix(@text-color, #fff, 75%);
@app-background-color-step-800: mix(@text-color, #fff, 80%);
@app-background-color-step-850: mix(@text-color, #fff, 85%);
@app-background-color-step-900: mix(@text-color, #fff, 90%);
@app-background-color-step-950: mix(@text-color, #fff, 95%);
@app-text-color-step--50: mix(#fff, @text-color, 5%);
@app-text-color-step--100: mix(#fff, @text-color, 10%);
@app-text-color-step--150: mix(#fff, @text-color, 15%);
@app-text-color-step--200: mix(#fff, @text-color, 20%);
@app-text-color-step--250: mix(#fff, @text-color, 25%);
@app-text-color-step--300: mix(#fff, @text-color, 30%);
@app-text-color-step--350: mix(#fff, @text-color, 35%);
@app-text-color-step--400: mix(#fff, @text-color, 40%);
@app-text-color-step--450: mix(#fff, @text-color, 45%);
@app-text-color-step--500: mix(#fff, @text-color, 50%);
@app-text-color-step--550: mix(#fff, @text-color, 55%);
@app-text-color-step--600: mix(#fff, @text-color, 60%);
@app-text-color-step--650: mix(#fff, @text-color, 65%);
@app-text-color-step--700: mix(#fff, @text-color, 70%);
@app-text-color-step--750: mix(#fff, @text-color, 75%);
@app-text-color-step--800: mix(#fff, @text-color, 80%);
@app-text-color-step--850: mix(#fff, @text-color, 85%);
@app-text-color-step--900: mix(#fff, @text-color, 90%);
@app-text-color-step--950: mix(#fff, @text-color, 95%);
